Skip to main content

Elemento de visualización: Marco

Símbolo:

_visu_icon_symbol_frame.png

Categoría: Básico

El elemento sirve como marco para mostrar una o más visualizaciones existentes. Se obtiene una interfaz de usuario estructurada. El tamaño del marco puede ser fijo o escalable. El área de visualización de la visualización referenciada se adapta automáticamente al tamaño del marco.

Propiedades del elemento

¿Están disponibles todas las propiedades de los elementos?

Todas las propiedades están disponibles sólo después de seleccionar el Avanzado opción o la Todas las categorias filtrar en Propiedades.

Nombre del elemento

Ejemplo: refVisUserInfo

Sugerencia

Asigne nombres individuales a los elementos para que se encuentren más rápido en la lista de elementos.

Tipo de elemento

Marco

Recorte

standard icon: Tamaño fijo. Solo se muestra la parte de la visualización a la que se hace referencia que cabe dentro del marco.

Requisito: El Tipo de escala la propiedad es Reparado.

Mostrar cuadro

. Muestra el cuadro
  • Sin marco: El área mostrada del marco no tiene bordes.

  • Marco: El área mostrada del marco tiene bordes.

  • Sin marco con desplazamiento: El área mostrada del marco no tiene borde y el área mostrada de la visualización a la que se hace referencia se reduce un píxel hacia adentro en comparación con el área del marco. El espacio evita que la visualización a la que se hace referencia toque cualquier elemento adyacente.

Posición

La posición define la ubicación y el tamaño del elemento en la ventana de visualización. Esto se basa en el sistema de coordenadas cartesianas. El origen se encuentra en la esquina superior izquierda de la ventana. El eje X horizontal positivo corre hacia la derecha. El eje Y vertical positivo corre hacia abajo.

X

La coordenada X (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Y

La coordenada Y (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Ancho

Especificado en píxeles

Ejemplo: 150

Altura

Especificado en píxeles

Ejemplo: 30

Ángulo

Requisito: Esta propiedad solo está disponible cuando ha seleccionado el Soporta animaciones de cliente y superposición de elementos nativos opción en el Administrador de visualización.

Valor del ángulo (en grados)

Ejemplo: 25

Nota

La vista en modo offline puede diferir ligeramente de la vista en modo online.

Sugerencia

También puede cambiar los valores arrastrando el cuadro _visu_icon_position_element.png símbolos a otras posiciones en el editor.

¿Están disponibles todas las propiedades de los elementos?

Todas las propiedades están disponibles sólo después de seleccionar el Avanzado opción o la Todas las categorias filtrar en Propiedades.

Sugerencia

Asigne nombres individuales a los elementos para que se encuentren más rápido en la lista de elementos.

Tipo de escala

Tipo de escala

Define la escala de la altura y el ancho del referenciado visualización

La visualización se muestra en un marco o en un elemento de pestaña.

isotrópico

La visualización se escala al tamaño del elemento que se va a mostrar. Con una relación fija de alto y ancho, la visualización conserva sus proporciones.

Anisótropo

La visualización se escala al tamaño del elemento que se va a mostrar. La altura y el ancho se escalan individualmente según el elemento.

Fijado

La visualización se muestra en su tamaño original, independientemente de las dimensiones del elemento a mostrar.

Barra de desplazamiento

La visualización se muestra en el elemento sin ninguna escala. Si es más grande que el elemento, entonces el elemento cuenta con una barra de desplazamiento.

Nota: Asigne variables a las propiedades. Posición de desplazamiento variable horizontal o Posición de desplazamiento variable vertical. Puede procesar los datos para la posición de la barra de desplazamiento en la aplicación.

Desplazable dinámico

El tamaño de la visualización se calcula de forma dinámica y cíclica. Cuando se calcula el tamaño, se tiene en cuenta la visibilidad de los elementos de la visualización referenciada. Las barras de desplazamiento se muestran solo en caso de que el contenido de la visualización a la que se hace referencia no se pueda mostrar completamente en el área del marco después del cálculo dinámico.

Desactivación del dibujo de fondo.

Desactivación del dibujo de fondo.

_cds_icon_option_deactivated.png: Los elementos no animados de la visualización a la que se hace referencia se muestran como imágenes de fondo (marco de fondo) para optimizar el rendimiento de la visualización.

La ventaja es que los elementos del fondo, como los rectángulos de colores, se dibujan una vez en el fondo.

standard icon: Desactiva la visualización en segundo plano para evitar el comportamiento descrito anteriormente.

Puede resultar problemático si se supone que otro elemento (de la página principal) se ejecuta detrás de este marco de fondo. En este raro caso, tiene sentido configurar esta opción para que el rectángulo realmente corra detrás de ella.

Nota

La propiedad está disponible para las siguientes configuraciones:

  • La funcionalidad de animación del cliente no está habilitada: en el Administrador de visualización, en la Ajustes pestaña, la Admite animaciones del cliente y superposición de elementos nativos. La opción no está seleccionada.

    Cuando la animación del cliente está habilitada, el dibujo de fondo se ejecuta automáticamente.

  • El Tipo de escala la propiedad está establecida en Desplazable.

Deslizar

Con esta función, las visualizaciones a las que se hace referencia en el elemento (Marco o Pestañas) se puede alternar por medio de un gesto de deslizamiento (gesto pan o flick).

Comportamiento de deslizamiento

Requisito: Deslizar solo es posible cuando el Manejo multitáctil se selecciona la opción.

Opciones sobre cómo un usuario de visualización debe realizar el deslizamiento (gesto pan o flick) para activar un cambio de imagen a la siguiente visualización referenciada en el elemento:

  • Deslizamiento horizontal: Deslizar de derecha a izquierda y viceversa

  • Deslizamiento vertical: Deslizar de arriba a abajo y viceversa

  • no deslizable: Deslizar está deshabilitado (predeterminado)

Sugerencia: Establezca el tipo de escala en Anisótropo.

Vista previa de deslizamiento

Requisito: La opción está disponible solo en el modo de superposición (Admite animaciones de clientes y superposición de elementos nativos opción) para mostrar las imágenes de vista previa en dispositivos multitáctiles.

_cds_icon_option_black_activated.png: Durante el gesto de deslizar, se muestra una imagen de vista previa de la siguiente visualización en el marco.

Para más información, ver: Referenciación de visualizaciones o Ajustes

Referencias

Contiene las referencias de visualización configuradas actualmente como un subnodo

Configurar Botón

Abre el Configuración del marco diálogo. El cuadro de diálogo le permite administrar las visualizaciones a las que se hace referencia.

Referencias

Aviso

Las visualizaciones se pueden anidar a cualquier profundidad mediante Marco elementos. Para poder utilizar el Cambiar a cualquier visualización tipo de selección de marco sin ningún problema, un marco no debe contener más de 21 visualizaciones referenciadas. Para obtener más información, consulte también la descripción del Configuración de entrada de un elemento: Acción Cambiar visualización de fotogramas.

Lista de las visualizaciones a las que se hace referencia actualmente

Las visualizaciones que tienen un botón también lo muestran como un subnodo. Cada variable de interfaz se enumera con los parámetros de transferencia actualmente asignados.

Ejemplo:

. vis_FormA
  • iDataToDisplay_1 : PLC_PRG.iVar1

  • iDataToDisplay_2 : PLC_PRG.iVar2

Sugerencia

Puede cambiar la asignación de las variables a una variable de interfaz aquí y editar el campo de valor. O haga clic en el Configurar botón en su lugar.

Posición

La posición define la ubicación y el tamaño del elemento en la ventana de visualización. Esto se basa en el sistema de coordenadas cartesianas. El origen se encuentra en la esquina superior izquierda de la ventana. El eje X horizontal positivo corre hacia la derecha. El eje Y vertical positivo corre hacia abajo.

X

La coordenada X (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Y

La coordenada Y (en píxeles) de la esquina superior izquierda del elemento

Ejemplo: 10

Ancho

Especificado en píxeles

Ejemplo: 150

Altura

Especificado en píxeles

Ejemplo: 30

Ángulo

Requisito: Esta propiedad solo está disponible cuando ha seleccionado el Soporta animaciones de cliente y superposición de elementos nativos opción en el Administrador de visualización.

Valor del ángulo (en grados)

Ejemplo: 25

Nota

La vista en modo offline puede diferir ligeramente de la vista en modo online.

Sugerencia

También puede cambiar los valores arrastrando el cuadro _visu_icon_position_element.png símbolos a otras posiciones en el editor.

Centrar

Las propiedades contienen valores fijos para las coordenadas del punto de rotación. El punto de rotación se muestra en el editor como el _visu_icon_center_point.png símbolo y se utiliza como centro de rotación y escala.

Sugerencia

También puede cambiar los valores arrastrando el _visu_icon_center_point.png símbolo a otra posición en el editor.

X

Coordenada X del punto de rotación

Y

Coordenada Y del punto de rotación

Colores

Las propiedades contienen valores fijos para los colores del texto.

Color

color del marco

_cds_icon_arrow_down.png: Se abre un cuadro de lista con colores de estilo

_cds_icon_three_dots.png: Color se abre un cuadro de diálogo estándar para una selección de color

Nota

El estado normal es cuando la variable booleana en el variables de color La propiedad del elemento no está definida o su valor es FALSE.

Color de alarma

Color para el elemento en estado de alarma

Nota

La condición de alarma es cuando el valor de la variable booleana en el Variables de color → Alternar color propiedad del elemento es FALSE.

Transparencia

Entero (rango de valores de 0 a 255). Determina la transparencia del color respectivo.

255: El color es opaco.

0: El color es completamente transparente.

Nota

Si el color es un color de estilo y ya tiene un valor de transparencia, esta propiedad está protegida contra escritura.

Apariencia

Las propiedades contienen valores fijos para configurar el aspecto del elemento.

Grosor de línea

Valor (en píxeles)

Ejemplo: 2

Nota

Los valores 0 y 1 ambos dan como resultado un grosor de línea de un píxel. Si no se debe mostrar ninguna línea, entonces el Estilo de línea la propiedad debe establecerse en el Invisible opción.

Estilo de línea

Tipo de representación de línea

  • Sólido

  • Pizca

  • Puntos

  • Guion punto

  • Guión Punto Punto

  • Invisible

Sugerencia

Puede asignar variables en el Variables de apariencia Propiedad para controlar la apariencia dinámicamente. Los valores fijos se definen aquí.

Textos

Texto

Cadena (sin comillas simples rectas)

Ejemplo: Main page %i

El elemento está etiquetado con este texto. Si un marcador de posición %<format string> se especifica en el texto, entonces el valor de la variable en el Variable de texto → Texto La propiedad se genera en la ubicación del marcador de posición.

Sugerencia

Utilizar el control+Ingresar atajo para agregar un salto de línea.

Sugerencia

Los textos especificados se transfieren automáticamente al Lista de texto global lista de texto Por lo tanto, estos textos pueden ser localizados.

Propiedades del texto

Las propiedades obtienen valores fijos para las propiedades del texto y actúan sobre los textos configurados en Textos → Texto o Textos → Información sobre herramientas.

Alineación horizontal

Alineación horizontal del texto dentro del elemento

Alineamiento vertical

Alineación vertical del texto dentro del elemento

Formato de texto

. Definición para mostrar textos demasiado largos
  • Defecto: El texto que es demasiado largo se trunca.

  • Salto de línea: El texto se divide en líneas.

  • Elipsis: El texto visible termina con "..." indicando que no está completo.

Fuente

Ejemplo: Defecto

_cds_icon_three_dots.png: El Fuente se abre el cuadro de diálogo.

_cds_icon_arrow_down.png: cuadro de lista con fuentes de estilo

Color de fuente

Ejemplo: Negro

_cds_icon_three_dots.png: El Color se abre el cuadro de diálogo.

_cds_icon_arrow_down.png: Cuadro de lista con colores de estilo

Transparencia

Entero (rango de valores de 0 a 255)

El valor de transparencia determina la transparencia del color respectivo.

255: El color es opaco.

0: El color es completamente transparente.

Nota

Si el color es un color de estilo y ya tiene un valor de transparencia, esta propiedad está protegida contra escritura.

Movimiento absoluto

Las propiedades se pueden asignar a variables IEC para controlar dinámicamente la posición del elemento. El punto de referencia es la esquina superior izquierda del elemento. En tiempo de ejecución, se mueve todo el elemento.

Movimiento

X

  • Variable (tipo de dato numérico) para la posición X (en píxeles)

    Ejemplo: PLC_PRG.iPos_X

Aumentar este valor en tiempo de ejecución mueve el elemento a la derecha.

Y

Aumentar este valor en tiempo de ejecución mueve el elemento hacia abajo.

Rotación

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle1

El punto medio del elemento gira en el Centrar punto. Este punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

En tiempo de ejecución, la alineación del elemento permanece igual con respecto al sistema de coordenadas de la visualización. Al aumentar el valor, el elemento gira hacia la derecha.

_visu_img_prp_rotation.png

Rotación interior

Variable (tipo de dato numérico) para el ángulo de rotación (en grados)

Ejemplo: PLC_PRG.iAngle2

En tiempo de ejecución, el elemento gira sobre el punto de rotación especificado en Centrar según el valor de la variable. Además, la alineación del elemento gira según el sistema de coordenadas de la visualización. Aumentar el valor en el código gira en el sentido de las agujas del reloj.

El punto de rotación se muestra como el _visu_icon_center_point.png símbolo.

Nota

Si se especifica un ángulo estático de rotación en el Posición → Ángulo propiedad, el ángulo de rotación estático se agrega al ángulo de rotación variable (desplazamiento) cuando se ejecuta la visualización.

_visu_img_prp_inner_rotation.png

Sugerencia

Puede combinar las variables en un conversión de unidades.

Sugerencia

El X, Y, Rotación, y Rotación interior Las propiedades son compatibles con la funcionalidad "Animación del cliente".

Movimiento relativo

Las propiedades contienen variables para mover el elemento. El punto de referencia es la posición del elemento (Posición propiedad). La forma del elemento puede cambiar.

Movimiento arriba a la izquierda

X

  • Variable (tipo de dato entero) para el número (en píxeles) que el izquierda el borde se mueve horizontalmente

    Ejemplo: PLC_PRG.iDeltaX

Incrementar el valor mueve el elemento a la derecha.

Y

  • Variable (tipo de dato entero) para el número (en píxeles) que el cima el borde se mueve verticalmente

    Ejemplo: PLC_PRG.iDeltaY

Incrementar el valor mueve el elemento hacia abajo.

Movimiento abajo a la derecha

X

  • Variable (tipo de dato entero) para el número (en píxeles) que el derecho borde se mueve horizontalmente.

    Ejemplo: PLC_PRG.iDeltaWidth

  • Variable del contenedor: Container.Width

    Para más información, ver: Ajuste óptimo de la posición y el tamaño

Incrementar el valor mueve el elemento a la derecha.

Y

  • Variable (tipo de dato entero) para el número (en píxeles) que el fondo el borde se mueve verticalmente

    Ejemplo: PLC_PRG.iDeltaHeight

  • Variable del contenedor: Container.Height

    Para más información, ver: Ajuste óptimo de la posición y el tamaño

Incrementar el valor mueve el elemento hacia abajo.

Variables de texto

variable de texto

Variable (tipo de dato conforme a la especificación de formato) para el marcador de posición en el Textos → Texto propiedad

Ejemplo: PLC_PRG.iAccesses

El valor de la variable reemplaza el marcador de posición en el texto del elemento. En tiempo de ejecución, el elemento se etiqueta con el texto y el valor de la variable se actualiza constantemente.

Nota

Si especifica una variable de tipo enumeración con soporte de lista de texto, el nombre del tipo de datos de enumeración se agrega automáticamente entre corchetes angulares después del nombre de la variable. Ejemplo: PLC_PRG.enVar <enumeration name>. Luego, el valor simbólico del componente de enumeración se imprime en lugar del valor numérico cuando se imprime el texto. Vea la página de ayuda para enumeraciones.

Variable de información sobre herramientas

Variable (tipo de dato conforme a la especificación de formato) para el marcador de posición en el Textos → Información sobre herramientas propiedad

Ejemplo: PLC_PRG.iAccessesInTooltip

El valor de la variable reemplaza el marcador de posición en la información sobre herramientas del elemento. En tiempo de ejecución, se muestra la información sobre herramientas y el valor de la variable se actualiza constantemente.

Textos dinámicos

Los textos dinámicos son textos indexados de forma variable de una lista de textos. En tiempo de ejecución, se muestra el texto que actualmente está indexado en la variable.

Lista de texto

. Nombre de la lista de texto
  • Como variable (CADENA)

  • Como literal de cadena fijo con comillas simples rectas

    Ejemplo: 'Errorlist'

_cds_icon_arrow_down.png: Cuadro de lista con los diálogos disponibles en las listas de texto

Nota: Si una lista de texto del proyecto se transfiere a una visualización en una biblioteca, se debe anteponer un punto al nombre de la lista de texto.

Índice de texto

. ID de lista de texto que se refiere al texto de salida deseado
  • Como cadena fija con el ID entre comillas simples rectas

    Ejemplo: '1'

  • Como una variable (STRING) para controlar dinámicamente la salida de texto

    Ejemplo: strTextID

    Ejemplo de tarea: PLC_PRG.strTextID := '1';

Índice de información sobre herramientas

. ID de lista de texto que se refiere al texto de salida deseado
  • Como cadena fija con el ID entre comillas simples rectas

    Ejemplo: '2'

  • Como una variable (STRING) para controlar dinámicamente la salida de texto

    Ejemplo: strToolTipID

    Ejemplo de tarea: PLC_PRG.strToolTipID := '2';

Variables de fuente

Las variables permiten un control dinámico de la visualización del texto.

Nombre de la fuente

Variable (STRING) para la fuente del texto

Ejemplo: PLC_PRG.stFontVar := 'Arial';

Sugerencia

Puede averiguar qué fuentes están disponibles en el estándar Fuente diálogo.

Tamaño

Variable (tipo de dato numérico) para el tamaño de fuente (en píxeles o puntos)

La unidad aplicada se especifica entre paréntesis después del nombre de la variable.

  • <pt>: Puntos (predeterminado)

    Ejemplo: PLC_PRG.iFontHeight <pt>

    Código: iFontHeight : INT := 12;

  • <px>: píxeles

    Ejemplo: PLC_PRG.iFontHeight <px>

    Código: iFontHeight : INT := 19;

Sugerencia

El tamaño de letra se especifica en puntos (ejemplo: Arial 12). Use puntos cuando el tamaño de fuente variable deba coincidir con una fuente, por ejemplo, si una fuente está configurada en el Propiedad de texto → Fuente propiedad.

Sugerencia

Si hace clic en el campo de valor, un _cds_img_dropdownlist_unit_font_size.png Se abre un cuadro de lista a la derecha para configurar la unidad.

Banderas

Variable (DWORD) para que las banderas determinen la visualización de la fuente

. Banderas:
  • 1: Cursiva

  • 2: Audaz

  • 4: Subrayado

  • 8: tachado

Nota

Puede combinar las pantallas de fuentes agregando la codificación de las banderas. Por ejemplo, un texto en negrita y subrayado: PLC_PRG.dwFontType := 6;

Conjunto de caracteres

Variable (DWORD) para el número de conjunto de caracteres de la fuente

La selección de números de juego de caracteres corresponde a la Texto establecimiento de la norma Fuente diálogo.

Color

Variable (DWORD) para el color del texto

Ejemplo: PLC_PRG.dwColorFont:= 16#FF000000;

Banderas para alineación de texto

Variable (tipo de dato entero) para codificar la alineación del texto

Ejemplo: PLC_PRG.dwTextAlignment

. Codificación:
  • 0: Arriba a la izquierda

  • 1: Centro horizontal

  • 2: Correcto

  • 4: Centro vertical

  • 8: Fondo

Nota

Puede combinar las alineaciones de texto agregando la codificación de las banderas. Por ejemplo, un texto centrado vertical y horizontal: PLC_PRG.dwFontType := 5;

Sugerencia

Los valores fijos para mostrar textos se establecen en Propiedades del texto.

Variables de color

La propiedad Elemento se utiliza como una interfaz para las variables del proyecto para controlar dinámicamente los colores en tiempo de ejecución.

Alternar color

Variable (BOOL) para el cambio de color

. Asignación de valor:
  • FALSE: El elemento se muestra con el color especificado en el Color propiedad.

  • TRUE: El elemento se muestra con el color especificado en el Color de alarma propiedad.

. Asignación de la propiedad:
  • Marcador de posición para la variable de entrada de usuario de la configuración de entrada

    • <cambiar/pulsar variable>

    • <NO alternar/tocar variable>

    El cambio de color no está controlado por su propia variable, sino por una variable de entrada del usuario.

    Nota

    Especifique una variable para los eventos del mouse Grifo o Palanca en la configuración de entrada. Solo entonces se establece el marcador de posición. Si configura una variable en ambos Palanca y Grifo, entonces la variable especificada en Grifo se usa

    Sugerencia

    Haga clic en el _visu_icon_linked_variable.png símbolo para insertar el <cambiar/pulsar variable> marcador de posición

    Luego, cuando activas el Configuración de entrada, Toca FALSO propiedad, la <NO alternar/tocar variable> se muestra el marcador de posición.

  • Ruta de instancia de una variable de proyecto (BOOL)

    Ejemplo: PLC_PRG.xColorIsToggeled

    Nota

    En el código, declare e implemente la variable que se especifica aquí cuya asignación de valor determina cuándo cambia el color.

Color

Variable de color para el marco.

  • Variable (DWORD) por el color

    Ejemplo: PLC_PRG.dwColor

  • Color literal

    Ejemplo de gris y opaco: 16#FF888888

Requisito: Mostrar cuadro la propiedad está activada.

Nota

El estado normal está en efecto si la expresión en el Variables de color → Alternar color la propiedad no está definida o tiene el valor FALSE.

Color de alarma

Variable de color para el cuadro en estado de alarma

  • Variable (DWORD) para el color de la alarma

    Ejemplo: PLC_PRG.dwAlarmColor

  • Color literal

    Ejemplo de rojo y opaco: 16#FFFF0000

Nota

El estado de alarma entra en vigor si la expresión en el Variables de color → Alternar color propiedad tiene el valor TRUE.

Sugerencia

La parte de transparencia del valor del color se evalúa solo si el Administrador de visualizaciónActivar dibujo semitransparente Se selecciona la opción del administrador de visualización.

Sugerencia

En la barra de herramientas del Propiedades, Selecciona el Avanzado opción. Entonces todas las propiedades de los elementos son visibles.

Mirar variables

Las propiedades contienen variables para controlar dinámicamente la apariencia del elemento.

Grosor de línea

Variable (tipo de dato entero) para el ancho de línea (en píxeles)

Nota

Los valores 0 y 1 dan como resultado un grosor de línea de un píxel. Si no se debe mostrar ninguna línea, entonces el Estilo de línea la propiedad debe establecerse en el Invisible opción.

Estilo de línea

Variable (DWORD) para el tipo de línea

. Codificación:
  • 0: Línea sólida

  • 1: Linea discontinua

  • 2: Linea punteada

  • 3: Tipo de línea "Dash Dot"

  • 3: Tipo de línea "Guión Punto Punto"

  • 8: Invisible: La línea no se dibuja.

Sugerencia

Los valores fijos se pueden establecer en el Apariencia propiedad. Estos valores pueden ser sobrescritos por variables dinámicas en tiempo de ejecución.

Alternar variable

Variable

La variable controla el cambio de las visualizaciones a las que se hace referencia: la variable indexa una de las visualizaciones de marco a las que se hace referencia y se muestra en el marco. Cuando el valor de la variable cambia, cambia a la visualización indexada recientemente.

  • Variable (tipo de dato entero) que contiene el índice de la visualización activa

    Ejemplo: PLC_PRG.uiIndexVisu

    Sugerencia

    El Configuración del marco El cuadro de diálogo incluye una lista de visualizaciones a las que se hace referencia. Las visualizaciones se indexan numéricamente automáticamente según el orden en la lista. Adapte el orden de las visualizaciones de cuadros para generar el índice deseado.

    Nota

    Esta variante de conmutación suele afectar a todas las variantes de visualización conectadas.

  • Elemento de matriz (tipo de datos entero) para acceso a índice a través de CURRENTCLIENTID

    Ejemplo: PLC_PRG.aIndexVisu[CURRENTCLIENTID]

    Nota

    Esta variante de cambio se aplica solo al cliente actual y, por lo tanto, solo en una variante de visualización. Esa es la variante de visualización en la que se activó el cambio de valor (por ejemplo, por medio de la entrada del usuario).

Variables de estado

Las variables controlan dinámicamente el comportamiento del elemento.

Invisible

Variable (BOOL) para alternar la visibilidad del elemento

TRUE: El elemento no es visible en tiempo de ejecución.

Sugerencia

El Invisible La propiedad es compatible con la funcionalidad "Animación del cliente".

Animación

Sugerencia

Estas propiedades están disponibles sólo cuando ha seleccionado el Admite animaciones de clientes y superposición de elementos nativos opción en el Administrador de visualización.

Duración de la animación

Variable para la duración (en milisegundos) en la que el elemento ejecuta una animación

  • Variable (valor entero)

    Ejemplo: Menu.tContent con VAR tContent : INT := 500; END_VAR

  • literal entero

    Ejemplo: 500

. Propiedades animables
  • Movimiento absoluto, Movimiento, X, Y

  • Movimiento absoluto, Rotación

  • Movimiento absoluto, Rotación interior

  • Movimiento absoluto, Rotación exterior

El movimiento animado se ejecuta cuando al menos un valor de una propiedad animable ha cambiado. El movimiento ejecutado entonces no es espasmódico, sino suave dentro de la duración de la animación especificada. El elemento de visualización viaja a la posición especificada mientras gira dinámicamente. Las transiciones son suaves.

Mover a primer plano

Variable (BOOL) para poner el elemento en primer plano

TRUE: En tiempo de ejecución, el elemento de visualización se muestra en primer plano.

FALSE: En tiempo de ejecución, el elemento de visualización se muestra en la capa donde se insertó en el editor de visualización.

Ejemplo: bIsInForeground con VAR bIsInForeground : BOOL := FALSE; END_VAR

Configuración de entrada

Las propiedades contienen las configuraciones para la entrada del usuario al usar el mouse o el teclado. Una entrada de usuario define un evento y una o más acciones que se ejecutan cuando ocurre un evento.

Sugerencia

El Configurar botón abre el Configuración de entrada diálogo. Allí puede crear o editar entradas de usuario.

Las entradas de usuario configuradas se enumeran debajo de los eventos. Cada uno de ellos incluye la acción que se desencadena y el escenario en forma abreviada.

Ejemplo: Ejecutar código ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogCerrado

Evento de entrada: el usuario cierra el cuadro de diálogo.

Al hacer clic en el mouse

Evento de entrada: el usuario hace clic completamente con el botón del mouse en el área del elemento. Se hace clic en el botón del ratón y se suelta.

AlMouseAbajo

Evento de entrada: el usuario hace clic con el botón del mouse.

AlMouseEntrar

Evento de entrada: el usuario arrastra el puntero del mouse al elemento.

OnMouseLeave

Evento de entrada: el usuario arrastra el puntero del mouse fuera del elemento.

EnMouseMove

Evento de entrada: el usuario mueve el puntero del mouse sobre el área del elemento.

EnMouseUp

. Eventos de entrada:
  • El usuario suelta el botón del mouse dentro del área del elemento. Es irrelevante si el usuario ha pulsado previamente el botón del ratón dentro o fuera del área del elemento.

  • El usuario presiona el botón del mouse dentro del área del elemento, abandona el área del elemento y luego suelta el botón del mouse.

Nota

Esta CODESYS-El comportamiento de activación específico garantiza que se completen las acciones para los elementos clave. Un elemento clave inicia una acción para AlMouseAbajo y finaliza la acción para EnMouseUp.

Ejemplo: un usuario de visualización presiona el botón del mouse dentro del área del elemento del elemento clave y luego mueve la posición del cursor para que quede fuera del área del elemento. La acción termina de todos modos porque EnMouseUp se desencadena.

OnValueChanged

Evento que desencadena acciones de seguimiento debido a un cambio en el valor

Las acciones de seguimiento que se activan se configuran en el Configuración de entrada diálogo.

Las acciones de seguimiento definidas y la configuración correspondiente se muestran debajo de la propiedad del elemento.

los OnValueChanged El evento puede ser deshabilitado por el VISU_NO_VALUECHANGED definido por el compilador en el cuadro de diálogo de propiedades de la aplicación.

Grifo

Cuando ocurre un evento de clic del mouse, la variable definida en Variable se describe en la solicitud. La codificación depende de la Toca FALSO y Toque entrar si es capturado opciones

Variable

Requisito: El Toca FALSO la opción no está activada.

Variable (BOOL) para el evento de clic del mouse

TRUE: existe un evento de clic del mouse. Dura mientras el usuario presiona el botón del mouse sobre el elemento. Termina cuando se suelta el botón.

FALSE: No existe un evento de clic del mouse.

Ejemplo: PLC_PRG.bIsTapped

Toca FALSO

standard icon: El evento de clic del mouse conduce a un valor complementario en Variable.

TRUE: No existe un evento de clic del mouse.

FALSE: mientras exista el evento de clic del mouse.

Toque entrar si es capturado

standard icon: Durante la entrada del usuario, también se tiene en cuenta si el puntero del mouse se arrastra dentro del área del elemento o no mientras se presiona el botón del mouse.

TRUE: mientras existe el evento de clic del mouse y el puntero del mouse se mueve sobre el área del elemento.

FALSE: No existe un evento de clic del mouse. O el usuario mueve el puntero del mouse fuera del área del elemento mientras se presiona el botón del mouse.

el valor es TRUE de nuevo tan pronto como el usuario mueva el puntero de vuelta al área del elemento. Luego se captura el ratón.

Pasar a otra cosa

Con el inicio de un evento de clic del mouse, la variable se establece; cuando se completa el evento de clic del mouse, la variable se restablece.

Variable

Variable (BOOL) para alternar al final del evento de clic del mouse

Esto es cuando el usuario suelta el botón del mouse mientras el puntero del mouse está sobre el área del elemento. Si el usuario suelta el botón del mouse mientras el puntero del mouse está fuera del área del elemento, el evento de clic del mouse no finaliza y el valor no cambia.

Sugerencia

El usuario puede cancelar una entrada de alternancia iniciada arrastrando el puntero del mouse fuera del área del elemento.

Activar hacia arriba si es capturado

standard icon: el valor cambia independientemente de dónde esté el puntero del mouse cuando se suelta el botón del mouse. Luego se captura el ratón.

tecla de acceso rápido

Acceso directo en el elemento para activar acciones de entrada específicas

Cuando ocurre el evento de tecla de acceso rápido, las acciones de entrada en el Eventos se activan las propiedades. De esta forma, no es la acción de entrada en sí misma la que conduce a esta acción de entrada, sino la acción de entrada del ratón.

Llave

Tecla presionada para acción de entrada.

Ejemplo: T

Las siguientes propiedades aparecen cuando se selecciona una tecla.

Eventos

  • Ninguna

  • Ratón hacia abajo: Al pulsar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad.

  • Ratón arriba: Al soltar la tecla se activan las acciones de entrada que están configuradas en el EnMouseUp propiedad.

  • Ratón abajo/arriba: Al presionar y soltar la tecla se activan las acciones de entrada que están configuradas en el AlMouseAbajo propiedad y la EnMouseUp propiedad.

Pasar a otra cosa

standard icon: Combinación con la tecla "Shift"

Ejemplo: Cambio+T.

Control

standard icon: Combinación con la tecla "Ctrl"

Ejemplo: control+T.

alternativa

standard icon: Combinación con la tecla "Alt"

Ejemplo: alternativa+T.

Sugerencia

Todos los métodos abreviados de teclado y sus acciones que están configurados en la visualización se enumeran en la Configuración del teclado pestaña.

Derechos de acceso

Nota

Disponible solo cuando se configura una gestión de usuarios para visualización.

Derechos de acceso botón

Abre el Derechos de acceso diálogo. Allí puede editar los privilegios de acceso para el elemento.

. Mensajes de estado:
  • No establecido. Plenos derechos.: Derechos de acceso para todos los grupos de usuarios : operable

  • Los derechos están establecidos: derechos limitados: El acceso está restringido para al menos un grupo.